window.addEventListener('load', function () {
    var body = document.body
    // 助力查询弹出框提示模块
    var btn1 = document.querySelector('.jy-btn1')
    var btn3 = document.querySelector('.jy-mask')
    btn1.addEventListener('click', btnname)
    btn3.addEventListener('click', btnname)

    function btnname() {
        var alert = document.createElement('div')
        var bd = document.createElement('div')
        var h2 = document.createElement('h2')
        var p1 = document.createElement('p')
        var i1 = document.createElement('i')
        h2.innerHTML = '温馨提示'
        p1.innerHTML = '请点击按钮验证'
        var content = document.createElement('div')
        var close = document.createElement('div')
        alert.classList.add('alert')
        bd.classList.add('bd')
        content.classList.add('content')
        close.classList.add('close')
        body.appendChild(alert);
        if (body.children.length > 7) {
            alert.style.top = (body.children.length - 11) * 90 + 'px'
        }

        alert.appendChild(i1)
        alert.appendChild(bd)
        bd.appendChild(h2)
        bd.appendChild(content)
        content.appendChild(p1)
        bd.appendChild(close)
        var alertw = alert.offsetLeft
        animate(alert, alertw - 330)
        // animate(alertw, alertw - 50)
        close.addEventListener('click', function () {
            body.removeChild(alert)
        })
        var alert1 = $(alert)

        function time4() {
            $(alert1).fadeOut(500)
        }

        function time() {
            $(alert1).remove()
            if (body.children.length > 6) {
                for (var i = 6; i <= body.children.length - 1; i++) {
                    body.children[i].style.top = body.children[i].offsetTop - 82 + 'px'
                }
            }
        }
        setTimeout(time4, 5500)
        setTimeout(time, 6000)
    }
    // 用户动态模块
    var record_bd = document.querySelector('.record-bd')
    var ul_dong = record_bd.querySelector('ul')

    function time2() {
        // var ulnew = ul_dong.children[0].cloneNode(true)
        ul_dong.style.transition = 'all 0.3s'
        // ul_dong.appendChild(ulnew)
        ul_dong.style.top = ul_dong.offsetTop - 36 + 'px'

    }
    setInterval(time2, 1000)
    setInterval(time3, 1000)

    function time3() {
        if (parseInt(ul_dong.style.top) < -216) {
            ul_dong.style.top = 0
            ul_dong.style.transition = ''
        }
    }

    // 移动弹出二维码模块
    var share = document.querySelector('.huodong-list-share')
    var share_span = share.querySelector('span')
    var share_hover = document.querySelector('.share-hover')
    share_span.addEventListener('mouseenter', function () {
        share_hover.style.display = 'block'
        this.style.color = '#efa91c'
    })
    share_span.addEventListener('mouseleave', function () {
        share_hover.style.display = 'none'
        this.style.color = ''
    })
    //友情链接模块
    var body = document.body
    var friend_link = document.querySelector('.footer-friend-link')
    var datas = ['游戏369', '安卓模拟器', '极速下载', '手心游戏', '单机游戏下载', '录屏软件', '中关村下载', '522gg手游网', '手机游戏下载', 'KK下载站',
        '游戏试玩', '华军软件园', '87G手游网', 'u盘大师', '游戏下载', '2243手游网', '七喜软件园', '趣致软件园', '955游戏', '侠丐手游网', '游戏下载中心',
        '手机游戏下载'
    ];
    for (var i = 0; i < datas.length; i++) {
        var a = document.createElement('a');
        a.href = '#';
        a.innerHTML = datas[i];
        friend_link.appendChild(a);
    }
    $('.login').children('a').eq(0).click(function () {
        //禁止用户拖动
        document.documentElement.style.overflow = 'hidden';
        document.body.style.overflow = 'hidden'
        $('.login_zhezhao').show()
        $('.login_denglu').fadeIn(200)
        $('.btn').click(function () {
            document.documentElement.style.overflow = '';
            document.body.style.overflow = ''
            $('.login_zhezhao').hide()
            $('.login_denglu').fadeOut(200)
        })

    })
    $('.login').children('a').eq(1).click(function () {
        //禁止用户拖动
        document.documentElement.style.overflow = 'hidden';
        document.body.style.overflow = 'hidden'
        $('.login_zhezhao').show()
        $('.login_zhuce').fadeIn(200)
        $('.btn').click(function () {
            document.documentElement.style.overflow = '';
            document.body.style.overflow = ''
            $('.login_zhezhao').hide()
            $('.login_zhuce').fadeOut(200)
        })

    })
    //特别烦的登录页面切换
    $('.pe').click(function () {
        $('.pe').children('span').css({
            'font-size': '16px',
            'color': '#000'
        }).siblings().css({
            'display': 'block'
        }).parent().siblings().children('span').css({
            'font-size': '14px',
            'color': '#999'
        }).siblings().css({
            'display': 'none'
        }).parents('.tab').next().css({
            'display': 'block'
        }).next().css({
            'display': 'none'
        })
    }).siblings().click(function () {
        $('.e-mail').children('span').css({
            'fontSize': '16px',
            'color': '#000'
        }).siblings().css({
            'display': 'block'
        }).parent().siblings().children('span').css({
            'font-size': '14px',
            'color': '#999'
        }).siblings().css({
            'display': 'none'
        }).parents('.tab').next().css({
            'display': 'none'
        }).next().css({
            'display': 'block'
        })
    })
    //记住密码选项
    var flag1 = 1
    $('.checkbox-lable').click(function () {
        if (flag1 === 1) {
            $(this).find('i').css({
                'color': 'black',
                'border-color': '#ffd33e',
                'background-color': '#ffd33e'
            })
            flag1 = 0
        } else {
            $(this).find('i').css({
                'color': '',
                'border-color': '#c8c9cc',
                'background-color': 'white'
            })
            flag1 = 1
        }

    })
    $('.btns').click(function () {
        if (this.checked) {
            $(this).css({
                backgroundColor: '#ffd33e',
                borderColor: '#ffd33e'
            })
        } else {
            $(this).css({
                backgroundColor: 'transparent',
                borderColor: '#ccc'
            })
        }
    })
    // 点击推荐码显示输入框
    $('#tuijian').click(function () {
        if (this.checked) {
            $('.tuijian_input').show()
        } else {
            $('.tuijian_input').hide()
        }
    })
    // 点击阅读改变按钮颜色
    $('#read').click(function () {
        if (this.checked) {
            $('.zhuce').css({
                backgroundColor: '#ffd33e',
                color: '#000'
            })
        } else {
            $('.zhuce').css({
                backgroundColor: '#e0e0e0',
                color: '#a0a0a0'
            })
        }
    })
})

// 弹出框移动函数
function animate(obj) {
    clearInterval(obj.timer);
    obj.timer = setInterval(function () {
        obj.style.left = obj.offsetLeft - 66 + 'px';
        if (obj.offsetLeft <= 1640) {
            clearInterval(obj.timer);
        }
    }, 100);

}